草庐IT

ionic 滚动条

全部标签

javascript - ionic 模态不显示

我的ionic模态视图不会显示。屏幕会以某种方式变灰,但不会显示模态。请问这是怎么回事这是我的代码:原图:ContactInfo{{contact.name}}{{contact.info}}模态:EditContactNameInfoDoneController:.controller('DashCtrl',function($scope,$ionicModal){$scope.contact={name:'MittensCat',info:'Tapanywhereonthecardtoopenthemodal'}$ionicModal.fromTemplateUrl('templa

Javascript、SetInterval 和 SetTimeOut 函数导致滚动不稳定

我正在使用带有特定模板的Squarespace网站,该模板使用索引页面和子页面作为索引页面的内容。(页面可以一个接一个地滚动)。我猜Squarespace正在使用anchor从索引页面滚动到相关页面。我添加了一个javascript来显示当前时间并每秒更新一次(moment.js和moment-timezone)。我每秒用SetInterval(function_name,1000);更新时间;时间每秒都在正确更新。但是,这会导致我正在更新时间的特定页面在尝试向上或向下滚动时保持聚焦(每秒发生一次)。因此,如果我尝试从时间正在更新的特定页面向上或向下滚动,它会每秒自动滚动回该页面!似乎

javascript - 将 ViewChild 用于动态元素 - Angular 2 和 ionic 2

我想使用多个IonicSlides我动态添加的。但是我不能使用@viewChild。请提出解决此问题的方法。Template.html://somecode组件.ts:@ViewChild('slides')slides:QueryList;....ngAfterViewInit(){setTimeout(()=>{alert(this.slides.toArray());//thislineriseerror},3000);}错误:_this.slides.toArrayisnotafunction 最佳答案 使用@ViewChi

javascript - 如何判断是 "html"还是 "body"滚动窗口

下面的代码用于通过javascript查找可以滚动的元素(body或html)。varscrollElement=(function(tags){varel,$el,init;//iteratethroughthetags...while(el=tags.pop()){$el=$(el);//ifthescrollTopvalueisalready>0thenthiselementwillworkif($el.scrollTop()>0){return$el;}//ifscrollTopis0trytoscroll.elseif($el.scrollTop(1).scrollTop()

javascript - 如何在使用我自己的鼠标滚轮平滑滚动时缩放到鼠标指针?

我的应用程序的一部分包含类似于谷歌地图的功能,用户应该能够在容器内放大和缩小图像。与谷歌地图一样,我希望用户能够使用鼠标滚轮滚动,图像上的像素始终保持在鼠标指针的正下方。所以基本上用户将缩放到他们的鼠标指针所在的位置。对于缩放/平移,我正在使用这样的css转换:可见$('#image').css({'-moz-transform':'scale('+ui.value+')translate('+self.zoomtrans.xNew+'px,'+self.zoomtrans.yNew+'px)','-moz-transform-origin':self.zoomtrans.xImage

javascript - 滚动链接到 skrollr

我正在使用https://github.com/Prinzhorn/skrollr在我滚动时为我的网站背景制作动画。但是,我也想让我的链接像普通的单页网站一样在页面上上下滚动。问题是,如果我手动滚动背景变化,两者都可以正常工作,如果我单击链接,页面将滚动到正确的位置。问题是,当我单击按钮时,背景也不会滚动。我好像在使用两个不同的滚动函数,结果它们不能一起工作,我需要使用同一个。这是代码。js-滚动到链接:var$root=$('html,body');$('a').click(function(){varhref=$.attr(this,'href');$root.animate({s

javascript - Selenium JavaScript - 将元素滚动到 View 中而不与标题重叠

webdriver.executeScript("arguments[0].scrollIntoView();",element);这会将元素滚动到View中,但它位于页面标题的后面。如何将元素滚动到View中,使元素位于标题正下方而不是标题后面? 最佳答案 scrollIntoView方法可以将元素滚动到View的顶部或底部,默认在顶部:https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView因此您可以将其滚动到底部:webdriver.execute

javascript - 在编辑模式下执行 CRUD 操作时选择 ionic 选择选项

我正在对多个字段执行CRUD操作。我对所有字段都有[(ngModel)]。Iamnotinterestedtochangedthenameofthe[(ngModel)]orassignanyvalueintheregister.tsoredituser.tsfilewhileloading.SinceIhavemadetheformtosavethevaluessuccessfullyintheregistermodetotheDB.IneedtoshowtheInsertedvalueintheEdituserFormandhowcaniperformthat.注意:我在两种表单中

javascript - 向下滚动然后向上滚动时如何隐藏div

我想像图片一样显示和隐藏菜单。您可以在下图中看到有一个树部分。第一部分,当您打开页面时,右下角的菜单仍会显示。向下滚动时菜单淡入,向上滚动时菜单淡出。facebook和tumblr就是这样做的。我想了解他们如何做到这一点。任何人都可以告诉我一些小例子。我创建了这个DEMO来自codepen.io但它只是headerthink并且向上滚动时也存在问题。varpreviousScroll=0,//previousscrollpositionmenuOffset=54,//heightofmenu(oncescrollpassedit,menuishidden)detachPoint=650

javascript - 如何将滚动添加到 react-bootstrap Modal.Body

我正在使用react-bootstrapmodal.如何只滚动正文而不滚动整个页面?ModaltitleOnefinebody...CloseSavechanges 最佳答案 感谢Amitanswer.第一个仅使用样式的解决方案如下:ModaltitleOnefinebody...CloseSavechanges有一种使用react-bootstrap本身来实现该行为的新方法:....ModalDocumentation 关于javascript-如何将滚动添加到react-bootst